<template>
    <div>
        <UserNameInput ref="userNameDom" name="username"></UserNameInput>
        <PassWordInput ref="passWordDom" name="password"></PassWordInput>
    </div>
</template>

<script>
import Utils from '../utils/Utils';
export default {
    data: function(){
        return {

        };
    },
    methods: {
        getForm(){
            return {
                userName: this.$refs.userNameDom,
                passWord: this.$refs.passWordDom,
            };
        },
    },
    beforeMount(){
        this.$form = this.$parent.$form;
    },
    mounted(){
        Utils.mergeObject(this.$form, this.getForm());
    },
}
</script>